body {
    width: 100%;

    background: #f6f6f6;
    font-size: $fontS_26;
    font-weight: bold;
    padding: 0 5rpx;
}

page {
    width: 100%;

    background: #f6f6f6;
    font-size: $fontS_26;
    font-weight: bold;
    padding: 0 5rpx;
    background: #f6f6f6;
}

::v-deep .u-textarea--disabled {
    background: rgba(232, 232, 232, 0.4);
    color: #000;
}

.OrderDeatil {
    width: 90%;
    margin: 0 auto;
    margin-top: 50rpx;
    background: #f6f6f6;

    .item {
        padding: 15rpx 18rpx;
        border-radius: 10rpx 10rpx 10rpx 10rpx;
        background: $bg_fff;
        margin-bottom: 20rpx;

        .StatusBar {
            padding: 25rpx 0rpx;

            .Bar {
                .Timestatus {
                    .status {
                        font-weight: bold;
                        font-size: $fontS_30;
                    }

                    .time {
                        margin-left: 10rpx;
                        font-size: 20rpx;
                        color: $color_AA;
                    }

                    .timeout {
                        border-radius: 4rpx 4rpx 4rpx 4rpx;
                        font-size: $fontS_20;
                        padding: 5rpx 10rpx;
                        margin-right: 10rpx;
                        color: #d43509;
                        background: #faebe6;
                    }
                }
            }
        }

        .AddR_Cont {
            border-top: 1rpx solid rgba(170, 170, 170, 0.4);
            margin-top: 10rpx;
            padding: 10rpx 0rpx;
            position: relative;

            .remarks {
                margin: 10rpx 0 26rpx;
                font-size: $fontS_26;
                color: $color_AA;
                width: 532rpx;
            }
        }

        @mixin Title {
            font-size: $fontS_30;
            font-weight: bold;
            padding: 20rpx 0;
            border-bottom: 1rpx solid rgba(170, 170, 170, 0.4);
        }

        @mixin msg {
            padding: 14rpx 0;
            line-height: 1.9;

            .name {
                width: 580rpx;
            }
        }

        // 外卖餐品
        .Takeout_meal {
            .Title {
                @include Title;
            }

            .msg {
                @include msg;
                line-height: 1.4;

                .flexs {
                    margin-top: 15rpx;
                    display: flex;
                    justify-content: space-between;
                }
            }
        }

        // 跑腿备注
        .remarks {
            font-size: $fontS_24;

            .Title {
                @include Title;
            }
        }

        // 订单数据
        .deatils {
            font-size: $fontS_24;

            .Title {
                @include Title;
            }

            .msg {
                @include msg;
            }
        }

        // 订单收入
        .OrderPrice {
            font-size: $fontS_30;

            .Title {
                font-weight: bold;
                padding: 20rpx 0;
            }

            text {
                font-size: $fontS_36;
                font-weight: bold;
            }
        }
    }
}

.list_text {
    font-size: $fontS_20;
}

.phoneLayout {
    position: absolute;
    right: 20rpx;
    top: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 26rpx;
    color: #333333;
    font-weight: bold;
}

.phoneIcon {
    width: 30rpx;
    height: 30rpx;
    margin-bottom: 5rpx;
}